@@include('include/header.html',{"name": "selector","desc": "好友选择器"})

<section id="selector">
  <div class="demo-item">
    <p class="demo-desc">好友选择器</p>
    <div class="demo-block">
      <section class="ui-selector">
        <header class="ui-border-b">
          <h3>选择好友</h3>
        </header>
        <div class="ui-selector-content" style="display:">
          <ul>
            <li class="ui-selector-item active">
              <h3 class="ui-border-b">
                <p>最近在玩的好友</p><span class="ui-txt-info">11</span>
              </h3>
              <ul class="ui-list ui-border-b">
                <li>
                  <div class="ui-avatar-s">
                    <span style="background-image:url(../img/ava1.png)"></span>
                  </div>
                  <div class="ui-list-info ui-border-t"><h4>飞翔的企鹅</h4></div>
                </li>
                <li>
                  <div class="ui-avatar-s">
                    <span style="background-image:url(../img/ava1.png)"></span>
                  </div>
                  <div class="ui-list-info ui-border-t"><h4>飞翔的企鹅</h4></div>
                </li>
                <li>
                  <div class="ui-avatar-s">
                    <span style="background-image:url(../img/ava1.png)"></span>
                  </div>
                  <div class="ui-list-info ui-border-t"><h4>飞翔的企鹅</h4></div>
                </li>
              </ul>
            </li>
            <li class=" ui-selector-item">
              <h3 class="ui-border-b">
                <p>最近在玩的好友</p><span class="ui-txt-info">11</span>
              </h3>
              <ul class="ui-list ui-border-b">
                <li>
                  <div class="ui-avatar-s">
                    <span style="background-image:url(../img/ava1.png)"></span>
                  </div>
                  <div class="ui-list-info ui-border-t"><h4>飞翔的企鹅</h4></div>
                </li>
                <li>
                  <div class="ui-avatar-s">
                    <span style="background-image:url(../img/ava1.png)"></span>
                  </div>
                  <div class="ui-list-info ui-border-t"><h4>飞翔的企鹅</h4></div>
                </li>
              </ul>
            </li>
            <li class=" ui-selector-item">
              <h3 class="ui-border-b"><i class="arrow"></i>
                <p>最近在玩的好友</p><span class="ui-txt-info">11</span>
              </h3>
              <ul class="ui-list ui-border-b">
                <li>
                  <div class="ui-avatar-s">
                    <span style="background-image:url(../img/ava1.png)"></span>
                  </div>
                  <div class="ui-list-info ui-border-t"><h4>飞翔的企鹅</h4></div>
                </li>
                <li>
                  <div class="ui-avatar-s">
                    <span style="background-image:url(../img/ava1.png)"></span>
                  </div>
                  <div class="ui-list-info ui-border-t"><h4>飞翔的企鹅</h4></div>
                </li>
                <li>
                  <div class="ui-avatar-s">
                    <span style="background-image:url(../img/ava1.png)"></span>
                  </div>
                  <div class="ui-list-info ui-border-t"><h4>飞翔的企鹅</h4></div>
                </li>
                <li>
                  <div class="ui-avatar-s">
                    <span style="background-image:url(../img/ava1.png)"></span>
                  </div>
                  <div class="ui-list-info ui-border-t"><h4>飞翔的企鹅</h4></div>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </section>
    </div>
  </div>
</section>

@@include('include/footer.html')